<template>
	<div class="childrens-home">
		<img class="home-banner" src="https://lyh.5ug.com/wwwroot/uploads/api/634-703-887/2023-02-21/63f42754a54f2eb4a1a857ef.jpg" />
		<div class="home-gp1">
			<div class="home-gp1_head">领英为企业提供<span> 6 大系统服务</span></div>
			<div class="home-gp1_cul">
				<div class="home-gp1_cli" v-for="(item,index) in navList" :key="index" :style="{width: (91.6/3)+'vw'}">
					<div class="gp1_cli-ct1">{{ item.name }}</div>
					<div class="gp1_cli-ct2" v-html="item.intro"></div>
				</div>
			</div>
			<div class="home-gp1_but" @click="tabChange('/web/standard/serve/details')">了解更多></div>
		</div>
		<div class="home-gp1">
			<div class="home-gp1_head">核心团队<span>深耕中国市场15年</span></div>
			<div class="home-gp1_subhead">战略与营销案例展示</div>
			<div class="home-gp1_xlist">
				<div class="home-gp1_xhl" @click="$router.push('/web/standard/case/details?id='+xItem._id+'&tableName=caselist')" v-for="(xItem,xIndex) in viewModel" :key="xIndex" :style="{width: (91/3)+'vw'}">
					<div class="home-gp1_xconter">
						<img class="home-gp1_xig1" :src="$ala.urlImage(xItem.image)" />
						<div class="home-gp1_mebox"></div>
						<div class="home-gp1_mtk1">{{ xItem.name }}</div>
					</div>
					<div class="home-gp1_xig2">{{ xItem.name }}</div>
					<div class="home-gp1_xig3">{{ xItem.subhead }} </div>
					<div class="home-gp1_xig4">{{ xItem.intro }}</div>
				</div>
			</div>
			<div class="home-gp1_but" @click="tabChange('/web/standard/case/list')">了解更多 ></div>
		</div>
		<div class="home-gp1">
			<div class="home-gp1_head">领英 提供“战略与营销” <span>全年全案服务</span></div>
			<div class="home-gp1_subhead">企业发展三个阶段需求解决的课题</div>
			<div class="home-gp1_zyfw">
				<div class="home-gp1_zli" v-for="(zItem,zIndex) in brandList" :key="zIndex">
					<div class="home-gp1_zt1">{{ zItem.name }}</div>
					<div class="home-gp1_zt2" v-html="zItem.intro"></div>
				</div>
			</div>
		</div>
		<div class="home-gp4">
			<div class="home-gp4_hli">
				<img class="home-gp4_hig" src="https://lyh.5ug.com/wwwroot/uploads/api/634-703-887/2023-02-14/63eafc47fb5183fe78bbd0c6.png" />
				<div class="home-gp4_hrig">
					<div class="home-gp4_htx1">领英（深圳）品牌规划有限公司</div>
					<div class="home-gp4_htx2">公司基本介绍</div>
					<div class="home-gp4_htx3">领英隶属于中粤产业投资发展（深圳）集团有限公司，汇聚中国著名咨询公司、4A公司、百强公司精英组成的优秀团队；致力于为企业提供“战略规划、形象创意、商业模式、市场营销、数字转型、资本运营”六大系统解决方案，为企业提供价值链增长全过程服务。</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				viewModel: [],
				navList: [],
				brandList: [{
					name: '品牌初创塑造',
					intro: '解决产品、技术、营销相关的<br/>定位、命名、卖点、设计、渠道等问题'
				}, {
					name: '品牌升级增长',
					intro: '解决定位、模式、营销系统、形象相关的<br />发展瓶颈、需要持续性等增长问题'
				}, {
					name: '品牌高效成长',
					intro: '解决体系、平台、生态系统相关联<br/>做大、做强、高效成长等问题'
				}]
			}
		},
		mounted() {
			this.init()
		},
		methods: {
			async init() {
				this.cultureInit()
				this.navList = await this.$api.lightAppList('serve6')
			},
			async cultureInit() {
				var repones = await this.$ala.httpGet('Api/Auto/Table', {
					pageIndex: 1,
					pageSize: 15,
					type: 'LightAppcaselist',
					TableName: 'caselist'
				})
				this.viewModel = repones.result.result
			},
			tabChange(url) {
				this.$router.push(url)
				document.body.scrollTop = document.documentElement.scrollTop = 0
			}
		}
	}
</script>
<style lang="scss">
	@import './css/home.scss';
</style>